<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">

	</head>
	<body>
		
		<div id="app">
			<h1 v-for="item in array">{{item}}</h1>
			<h1 v-for="item in array1">{{item}}</h1>
			<br />
			<h1 v-for="(item,index) in array">{{item}}---{{index}}</h1>
			<h1 v-for="item,index in array">{{item}}---{{index}}</h1>
			
			<hr />
			<div v-for="item in userList">
				<p>ID号：{{item.id}}</p>
				<p>名称：{{item.name}}</p><br />
			</div>
			
			<hr />
			<div v-for="(a,b,index) in user">
				{{b}}----{{a}}----{{index}}
			</div>
			<hr />
			<div v-for="(a,b,index) in user">
				<span v-text="b"></span>----{{a}}----{{index}}
			</div>
		</div>
		
		<script src="../js/vue.js"></script>
		<script>
			const app=new Vue({
				el:"#app",
				data:{
					array:["安其拉","孙悟空","诸葛亮"],
					array1:["安其拉1","孙悟空1","诸葛亮1"],
					userList:[{
						id:100,
						name:"鲁班"
					},{
						id:200,
						name:"凯"
					},{
						id:300,
						name:"药"
					}],
					user:{
						id:200,
						name:"貂蝉",
						age:18
					}
				},
				methods:{
				
				}
			})
		</script>
	</body>
</html>
